<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="renderer" content="webkit|ie-comp|ie-stand" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="Cache-Control" content="no-transform"/>
<meta name="applicable-device" content="pc">
<meta name="MobileOptimized" content="width"/>
<meta name="HandheldFriendly" content="true"/>
<title>{content:title}-{pboot:sitetitle}</title>
<meta name="keywords" content="{content:keywords}">
<meta name="description" content="{content:description}">
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/cui.css" />
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/lib.css" />
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/less.css" />
<link href="{pboot:sitedomain}/skin/css/bootstrap.css" rel="stylesheet">
<link href="{pboot:sitedomain}/skin/css/style.css" rel="stylesheet">
<script src="{pboot:sitedomain}/skin/js/jquery.min.js"></script>
<script src="{pboot:sitedomain}/skin/js/common.js"></script>
<script src="{pboot:sitedomain}/skin/js/bootstrap.js"></script>
</head>
<body>
<header>
  <nav id="top_nav" class="navbar navbar-default navbar-fixed-top">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
        <a href="{pboot:sitedomain}/"> <img src="{pboot:sitelogo}" class="logo" alt="{pboot:sitetitle}"/> </a> </div>
      <div id="navbar" class="navbar-collapse collapse">
        <ul class="nav navbar-nav">
          <li><a href="{pboot:sitedomain}/">网站首页</a></li>
          {pboot:nav num=10 parent=0}
          <li class="dropdown"> <a href="[nav:link]">[nav:name]</a> <a href="[nav:link]" id="app_menudown" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> {pboot:if([nav:soncount]>0)}<span class="glyphicon glyphicon-menu-down btn-xs"></span>{/pboot:if} </a>
            {pboot:if([nav:soncount]>0)}
            <ul class="dropdown-menu nav_small" role="menu">
              {pboot:2nav parent=[nav:scode]}
              <li><a href="[2nav:link]">[2nav:name]</a></li>
              {/pboot:2nav}
            </ul>
            {/pboot:if}
          </li>
          {/pboot:nav}
        </ul>
      </div>
    </div>
  </nav>
</header>
 
<!-- 头部-end -->
<div class="ban">{pboot:sort scode={sort:tcode}}<img src="[sort:pic]" width="100%">{/pboot:sort}</div>
<div class="main">
  <div class="g-cur">
    <div class="wp">{pboot:position separator=>>} </div>
  </div>
  <div class="row-b1">
    <div class="wp">
      <div class="col-l">
  <div class="g-titIns1"> {sort:topname} </div>
  <div class="work_list clearfix" id="lrnavf1">
    {pboot:nav num=50 parent={sort:tcode}}
    <div class="tit {pboot:if('[nav:scode]'=='{sort:scode}')}on{/pboot:if}"><span class="iconfont icon-jiantou"></span><a href="[nav:link]">[nav:name]</a><span></span></div>
    {/pboot:nav}
  </div>
  {pboot:sort scode=7}
  <div class="g-titIns1 dbn">[sort:name]</div>
  <ul class="ul-newslist">
    {pboot:list scode=[sort:scode] num=5 order=sorting}
    <li><a href="[list:link]" title="[list:title]">[list:title]</a></li>
    {/pboot:list}
  </ul>
  {/pboot:sort}
  <div class="g-titIns1 dbn">联系我们</div>
  <div class="m-info">
    <p>邮箱：{pboot:companyemail} </p>
    <p>手机：{pboot:companymobile}</p>
    <p>电话：{pboot:companyphone}</p>
    <p>地址：{pboot:companyaddress}</p>
  </div>
</div>

      <!-- 产品展示 -->
      <div class="col-r">
        <div class="m-list1">
          <div class="m-pic1">
            <div class="yunu-showcase clearfix">
              <div class="pc-slide">
                <div class="view">
                  <div class="swiper-container swiper-container-horizontal">
                    <div class="swiper-wrapper"> 
                      {pboot:pics id={content:id} num=10}
                      <div class="swiper-slide img-center">
                        <div class="imgauto"> <img src="[pics:src]" rel="[pics:src]" class="jqzoom" /> </div>
                      </div>
                      {/pboot:pics}
                      </div>
                  </div>
                </div>
                <div class="preview"> <a class="arrow-left" href="javascript:;"></a> <a class="arrow-right" href="javascript:;"></a>
                  <div class="swiper-container swiper-container-horizontal">
                    <div class="swiper-wrapper">
                      {pboot:pics id={content:id} num=10}
                      <div class="swiper-slide">
                        <div class="imgauto"> <img src="[pics:src]" /></div>
                      </div>
                      {/pboot:pics}
                      </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="m-txt1">
            <div class="protit">{content:title}</div>
            <div class="txt">
              <p>类别：{sort:name}</p>
              <p>浏览：{content:visits}</p>
              <p> {content:description lencn=100}</p>
            </div>
            {pboot:sort scode=15}<a href="[sort:link]" class="btn-m"><span>联系我们</span></a>{/pboot:sort} </div>
        </div>
        <div class="m-txt2" id="maximg"> {content:content} </div>
        <ul class="ul-pages1">
          <li>上一篇：{content:precontent} </li>
          <li>下一篇：{content:nextcontent} </li>
        </ul>
        <div class="g-titIns1">相关产品</div>
        <ul class="ul-imgtxt-01 ul-imgtxt2">
          {pboot:list scode={sort:scode} num=6}
          <li> <a href="[list:link]" title="[list:title]">
            <div class="pic"> <img src="[list:ico]" alt="[list:title]"> </div>
            <p>[list:title]</p>
            </a> </li>
          {/pboot:list}
        </ul>
      </div>
      <!-- 产品展示-end --> 
    </div>
  </div>
</div>
<nav class="navbar navbar-default navbar-fixed-bottom mfoot_box">
  <div class="mfoot_nav btn-group dropup"> <a class="dropdown-toggle" href="{pboot:sitedomain}/"><span class="glyphicon glyphicon-home btn-lg" aria-hidden="true"></span>首页</a> </div>
  <div class="mfoot_nav"> <a href="tel:{pboot:companyphone}"><span class="glyphicon glyphicon-phone btn-lg" aria-hidden="true"></span>手机</a> </div>
  <div class="mfoot_nav" aria-hidden="true" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
    <button id="foot_btn" type="button" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar" style="width:100%; border: 0px; background: transparent;"> <span class="glyphicon glyphicon-th-list btn-lg"></span> 分类 </button>
  </div>
  <div class="mfoot_nav"> <a id="gototop" href="javascript:;"><span class="glyphicon glyphicon-circle-arrow-up btn-lg" aria-hidden="true"></span>顶部</a> </div>
</nav>
<footer>
  <div class="container">
    <div class="row">
      <div class="col-xs-12 col-sm-3 col-md-3"> <img class="footer_logo" src="{label:footlogo}">
        <p class="footer_logo_text">{pboot:sitecopyright} <br></p>
      </div>
      <div class="col-xs-12 col-sm-3 col-md-3 footer_contact">
        <p>电话：{pboot:companyphone}</p>
        <p>手机：{pboot:companyphone}</p>
        <p>邮箱：{pboot:companyemail}</p>
        <p>地址：{pboot:companyaddress}</p>
        <p><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">{pboot:siteicp}</a></p>
      </div>
      <div class="col-xs-12 col-sm-4 col-md-4"> 
        {pboot:nav num=3 parent=0}
        <div class="col-xs-4 col-md-4 footer_menu">
          <p class="footer_menu_first"><a href="[nav:link]">[nav:name]</a></p>
          {pboot:2nav parent=[nav:scode] num=5}
          <p><a target="_blank" href="[2nav:link]">[2nav:name]</a></p>
          {/pboot:2nav} </div>
        {/pboot:nav} </div>
      
    </div>
  </div>
</footer>

 
<script src="{pboot:sitedomain}/skin/js/superslide.js"></script> 
<script src="{pboot:sitedomain}/skin/js/jquery.imagezoom.min.js"></script> 
<script type="text/javascript">
 $(".jqzoom").imagezoom();

 var $zoom = $('.jqzoom');
 $('.yunu-showcase-pic').slide({
  titCell: '.hd ul',
  mainCell: '.bd ul',
  autoPage: true,
  effect: 'left',
  vis: 3
 }).on('mouseenter', '.bd li', function () {
  var src = $(this).find('img').attr('src');
  $zoom.attr('src', src);
  $zoom.attr('rel', src);
  $(this).addClass('active').siblings().removeClass('active');
 }).find('li').eq(0).addClass('active');
 </script> 
<!-- 放大镜END --> 
<script src="{pboot:sitedomain}/skin/js/swiper.min.js"></script>
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/swiper.min.css" />
<script>

 $('.preview .swiper-slide').eq(0).addClass('active-nav');
 var viewSwiper = new Swiper('.view .swiper-container', {
  onSlideChangeStart: function() {
   updateNavPosition()
  }
 })

 $('.view .arrow-left,.preview .arrow-left').on('click', function(e) {
  e.preventDefault()
  if (viewSwiper.activeIndex == 0) {
  viewSwiper.slideTo(viewSwiper.slides.length - 1, 1000);
  return
  }
  viewSwiper.slidePrev()
 })
 $('.view .arrow-right,.preview .arrow-right').on('click', function(e) {
  e.preventDefault()
  if (viewSwiper.activeIndex == viewSwiper.slides.length - 1) {
  viewSwiper.slideTo(0, 1000);
  return
  }
  viewSwiper.slideNext()
 })

 var previewSwiper = new Swiper('.preview .swiper-container', {
  //visibilityFullFit: true,
  slidesPerView: 'auto',
  allowTouchMove: false,
  onTap: function() {
   viewSwiper.slideTo(previewSwiper.clickedIndex)
  }
 })

 function updateNavPosition() {
  $('.preview .active-nav').removeClass('active-nav')
  var activeNav = $('.preview .swiper-slide').eq(viewSwiper.activeIndex).addClass('active-nav')
  if (!activeNav.hasClass('swiper-slide-visible')) {
   if (activeNav.index() > previewSwiper.activeIndex) {
   var thumbsPerNav = Math.floor(previewSwiper.width / activeNav.width()) - 1
   previewSwiper.slideTo(activeNav.index() - thumbsPerNav)
   } else {
   previewSwiper.slideTo(activeNav.index())
   }
  }
  }
 </script>
</body>
</html><?php return array (
  0 => 'E:/phpstudy_pro/WWW/beijing.com/template/default/head.html',
  1 => 'E:/phpstudy_pro/WWW/beijing.com/template/default/left.html',
  2 => 'E:/phpstudy_pro/WWW/beijing.com/template/default/foot.html',
); ?>